
.nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 90rpx;
  background-color: #FFFFFF;
}

.nav .acea-row {
  flex: 1;
  border-top: 3rpx solid transparent;
  border-bottom: 3rpx solid transparent;
  font-size: 30rpx;
  color: #282828;
}

.nav .on {
  border-bottom-color: #E93323;
  color: #E93323;
}

.my-order{
	padding-bottom: 0;  
	padding-bottom: constant(safe-area-inset-bottom);  
	padding-bottom: env(safe-area-inset-bottom); 
}

.my-order .header {
  height: 260rpx;
  padding: 0 30rpx;
}

.my-order .header .picTxt {
  height: 190rpx;
}

.my-order .header .picTxt .text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 26rpx;
  // font-family: 'Guildford Pro';
}

.my-order .header .picTxt .text .name {
  font-size: 34rpx;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20rpx;
}

.my-order .header .picTxt .pictrue {
  width: 122rpx;
  height: 109rpx;
}

.my-order .header .picTxt .pictrue image {
  width: 100%;
  height: 100%;
}



.my-order .list {
  width: 690rpx;
  margin: 14rpx auto 0 auto;
  padding-top: 50px;
}

.my-order .list .item {
  background-color: #fff;
  border-radius: 6rpx;
  margin-bottom: 14rpx;
}

.right_info{
	flex:1;
	margin-left:15px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.my-order .list .item .title {
  height: 84rpx;
  padding: 0 30rpx;
  border-bottom: 1rpx solid #eee;
  font-size: 28rpx;
  color: #282828;

  .left-wrapper {
    .iconfont {
      margin-top: 5rpx;
    }

    .store-name {
      margin: 0 10rpx;
    }

    .icon-xiangyou {
      font-size: 20rpx;
    }
  }
}

.my-order .list .item .title .sign {
  font-size: 24rpx;
  padding: 0 7rpx;
  height: 36rpx;
  margin-right: 15rpx;
}

.my-order .list .item .item-info {
  padding: 22rpx 30rpx;
  //margin-top: 22rpx;
}

.my-order .list .item .item-info .pictrue {
  width: 120rpx;
  height: 120rpx;
}

.my-order .list .item .item-info .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 6rpx;
}

.my-order .list .item .item-info .text {
  width: 486rpx;
  font-size: 28rpx;
  color: #999;
  margin-top: 6rpx;
}

.my-order .list .item .item-info .text .name {
  width: 320rpx;
  color: #282828;
}
.event_bg{
  background: #FF7F00;
}
.event_color{
  color: #FF7F00;
}
.my-order .list .item .event_name{
  display: inline-block;
  margin-right: 9rpx;
  color: #fff;
  font-size: 20rpx;
  padding: 0 8rpx;
  line-height: 30rpx;
  text-align: center;
  border-radius: 6rpx;
}
.my-order .list .item .event_ship{
  font-size: 20rpx;
  margin-top: 10rpx;
}
.my-order .list  .event_price{
  margin: 0 0 50rpx 120rpx;
}
.my-order .list .item .item-info .text .money {
  text-align: right;
}

.my-order .list .item .totalPrice {
  font-size: 26rpx;
  color: #282828;
  text-align: right;
  margin: 27rpx 0 0 30rpx;
  padding: 0 30rpx 30rpx 0;
}

.my-order .list .item .totalPrice .money {
  font-size: 28rpx;
  font-weight: bold;
}

.my-order .list .item .bottom {
  height: 107rpx;
  padding: 0 30rpx;
  border-top: 1px solid #f0f0f0;
}

.my-order .list .item .bottom .bnt {
  //width: 176rpx;
  width: 140rpx;
  height: 60rpx;
  text-align: center;
  line-height: 60rpx;
  color: #fff;
  border-radius: 50rpx;
  font-size: 27rpx;
}

.my-order .list .item .bottom .bnt.cancelBnt {
  border: 1rpx solid #ddd;
  color: #aaa;
}

.my-order .list .item .bottom .bnt~.bnt {
  margin-left: 17rpx;
}

.noCart {
  margin-top: 171rpx;
  padding-top: 0.1rpx;
}

.noCart .pictrue {
  width: 414rpx;
  height: 336rpx;
  margin: 78rpx auto 56rpx auto;
}

.noCart .pictrue image {
  width: 100%;
  height: 100%;
}
.event_container{
  width: 690rpx;
  background-image: url(~static/images/presell_orderBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 20rpx auto;
  padding: 26rpx 30rpx;
  border-radius: 16rpx;
  .info{
    width: 420rpx;
    .title{
      color: #282828;
      font-size: 26rpx;
    }
    .desc{
      color: #999;
      font-size: 24rpx;
      margin-top: 30rpx;
    }
  }
  .photo{
    width: 180rpx;
    .picture{
      width: 120rpx;
      height: 120rpx;
      image{
        width: 100%;
        height: 100%;
        border-radius: 8rpx;
      }
    }
    .more_btn{
      color: #fff;
      background: #F97E3B;
      width: 40rpx;
      height: 40rpx;
      border-radius: 40rpx;
      text-align: center;
      line-height: 40rpx;
      position: relative;
      top: 40rpx;
      text{
        font-size: 10rpx;
      }
    }
  }
}